<script setup>
import {darkTheme, dateZhCN, zhCN} from "naive-ui";
import hljs from "highlight.js";

import {json} from "@codemirror/lang-json";


hljs.registerLanguage('json', json)
</script>

<template>
	<n-config-provider
		class="h-full"
		:hljs="hljs"
		:theme="darkTheme"
		:locale="zhCN"
		:date-locale="dateZhCN"
		:theme-overrides="{ common: { fontWeightStrong: '600' } }">
		<n-notification-provider placement="bottom-left">
			<n-message-provider placement="top" container-class="message-container">
				<n-modal-provider>
					<n-dialog-provider>
						<RouterView></RouterView>
					</n-dialog-provider>
				</n-modal-provider>
			</n-message-provider>
		</n-notification-provider>
	</n-config-provider>
</template>
<style>
.message-container .n-message__content {
	@apply text-base;
}
</style>
